<script setup lang="ts">
import {onMounted, reactive} from "vue";
import icon1 from "@/assets/images/aboutUs/card1.png";
import icon2 from "@/assets/images/aboutUs/card2.png";
import icon3 from "@/assets/images/aboutUs/card3.png";
import icon4 from "@/assets/images/aboutUs/card4.png";
import ScrollReveal from 'scrollreveal'
import {exeAnimat} from "@/utils";
import Typed from "typed.js";

onMounted(() => {
  exeAnimat()
  /*ScrollReveal().reveal('#AboutUs-companyIntr', {
    afterReveal: () => {
      new Typed('#AboutUs-companyIntr', {
        strings: [`
        `],
        typeSpeed: 50,
        cursorChar: ''
      });
    }
  });*/
})
const vueData=reactive({
  videoDialog:false,
  cardCurrent:0,
  cardList: [
    {
      icon: icon1,
      cls:'bottom-fade-in-1',
      title: '软件开发',
      detail: '10多年专业研发运 维经验技术团队',
    },
    {
      icon: icon2,
      cls:'bottom-fade-in-2',
      title: '供应链系统',
      detail: '数十万个高性价比 SKU输出',
    },
    {
      icon: icon3,
      cls:'bottom-fade-in-3',
      title: '联盟生态圈',
      detail: '鲸喜多多 小程序/app',
    },
    {
      icon: icon4,
      cls:'bottom-fade-in-4',
      title: '连锁加盟',
      detail: '发展线下实体店铺 连锁、加盟',
    },
  ]
})
</script>
<template>
<div class="pt-60px">
  <v-img src="@/assets/images/aboutUs/top-bg.png" cover="" height="320"></v-img>
  <v-container class="!pb-100px">
    <div class="pt-80px"></div>
    <div class="flex items-stretch">
      <div class="flex-1 mr-50px ">
        <div class="text-36px tracking-3px mb-20px left-in-1">广东长盈网络科技有限公司</div>
        <div id="AboutUs-companyIntr" class="text-hex-8C8C8C leading-36px pr-20px text-20px">
          鲸喜多多APP介绍

          一、鲸喜多多APP开发商介绍：
          广东长盈网络科技有限公司，位于中国制造业名城东莞，注册资本1千万。创始人及联合创始人拥有多年实体创业、培训行业和10多年互联网管理经验，曾在腾讯、阿里巴巴旗下公司服务，拥有各类品牌全产业链运营经验。股东团队具备多年实体创业和营销管理经验，同时拥有丰富的东莞本地社会人脉资源。创始人团队在拥有多年互联网运营管理经验以及大型线上商城运营经验的基础之上，再次携手原班创业团队踏上二次创业的豪迈新征程，鲸喜多多APP作为创业团队重磅出击、联手打造的又一颠覆常规商城的历史性杰作，致力于打造一个线上线下共享综合商圈平台，以促进经济消费为使命。



          二、鲸喜多多APP介绍：
          鲸喜多多APP，由广东长盈网络科技有限公司独立开发，是一个全面贯穿吃喝玩乐游学购于一体的线上线下融合商城，他颠覆性的打破常规商城壁垒，以大数据分析和AI智能算法为核心技术，结合生活消费场景，创造了一种独特的消费模式：消费多少就赠送多少，即消费者正常消费即可为商家带来终身收益。通过创新的高价值积分制和跨界增收模式，为各行各业提供多维度的支持，帮助实体商家解决支付、引流、锁客、复购、客户粘度等问题，实现数字化转型，降低经营成本，提升收益。
          不仅如此，在技术创新上，鲸喜多多APP通过打通生态系统、供应链、互联网数字化管理结构系统，整合现有资源，为实体商家提供强大的线上线下支持，帮助其降低其营销成本，提高客流、复购率和营业额。在提高消费者消费体验方面，鲸喜多多APP以帮助用户省钱为核心要义，通过与商家合作，给予其补贴，提供全面覆盖衣食住行游学购省钱产品套餐，让消费者日常消费享受更多超值优惠，在鲸喜多多APP商城享受众多实惠和便利。用鲸喜多多，积分多，省得多，赚得更多！

          三、鲸喜多多APP覆盖人群：
          作为专门为广大用户打造的一站式吃喝玩乐游学购薅羊毛平台，旨在满足消费者在生活各方面的消费需求，同时为各大商家提供高效、精准的营销平台，专门解决单一消费和收益的问题。通过以“快乐购物、安心省钱”为主线，为0-100岁全生命周期用户提供一站式消费产品，全面打通京东、淘宝、拼多多产品供应链体系以及紧密依托创始人多年实体创业、培训行业和互联网管理经验，以及在线下生态系统、供应链系统等方面积累的广泛人脉资源以及一站式产品工厂供应链资源，让广大用户在鲸喜多多APP上放心购、大胆购，价格全面对标京东、淘宝、拼多多，他有的，我有，他没有的优惠，我还有，品质有保证。


          四、鲸喜多多APP核心优势
          研发鲸喜多多APP，绝非一时头脑发热以及空穴来风，而是经过了原班创业团队周密的严格论证之后，得出来的最终结论。我们深知，研发本地生活+商城类APP,绝非易事，而是需要大量的精力物力财力作坚强后盾，通过团队紧密合作、集体攻关才能产出的最终结果。鲸喜多多APP于2021年12月正式开始筹备，历时整整20个月，包括模式设计、论证、调研、立项、团队搭建、系统开发、测试、供应链整合等多个环节。截至目前，项目总投资约500万，公司拥有超过约20人的专业研发、售前、售后团队。截止目前，在研发团队的共同努力下，原生APP和小程序已经研发完成，并于2023年10月1日前后正式面向全国市场推广和提供服务。
          鲸喜多多APP作为新时期、新阶段、新任务条件下诞生的新生代产物，自从横空出世以来，被社会各界寄语了崇高厚望。自从投放市场以来，鲸喜多多APP以其强大的用户复购率以及购买力赢得了广大用户的广泛好评和一致赞誉，并在同类商城类产品方面取得了一定的成果和优势。再者，研发团队、售前、售后团队通过对用户的专业测试，测试结果显示，测试用户对鲸喜多多APP的使用体验评价高，认为鲸喜多多APP提供的优惠信息可信度高、操作简便。鉴于此，为完善供应链体系，鲸喜多多APP已与国内多家知名品牌建立了良好的战略合作伙伴关系，共同打造优惠活动，实现了用户和商家的共赢。此外，鲸喜多多APP还入选了东方卫视、江西卫视的《预见独角兽》节目，并在《2023第十届品牌影响力系列活动(厦门)发展论坛》上荣获多个奖项，包括《2023最具投资合作价值创富创业平台》和《2023新消费模式最佳创新平台》。
        </div>
      </div>
      <div class="flex-1">
        <v-responsive :aspect-ratio="16 / 9">
          <v-parallax height="100%" src="@/assets/images/cover.jpg">
            <div class="flex items-center justify-center h-full">
              <img @click="vueData.videoDialog=true" src="@/assets/images/play.png" class="w-50px h-50px cursor-pointer" alt="">
            </div>
          </v-parallax>
        </v-responsive>
      </div>
      <v-dialog v-model="vueData.videoDialog" width="auto">
        <v-responsive :aspect-ratio="16 / 9"  class="h-500px">
          <video src="https://hdjx654321-1316621993.cos.ap-guangzhou.myqcloud.com/jieshao.mp4" autoplay class="w-full h-full" controls></video>
        </v-responsive>
      </v-dialog>
    </div>
  </v-container>
  <v-container class="!pb-100px">
    <div class="pt-46px mb-80px text-center tracking-3px">
      <div class="text-36px bottom-fade-in-1">四大业务板块</div>
    </div>
    <v-row class="flex-nowrap" align="stretch">
      <v-col v-for="(item,index) in vueData.cardList" :key="index">
        <div :class="item.cls" class="h-full">
          <v-card
            @click="vueData.cardCurrent=index"
            variant="outlined"
            elevation="0"
            :color="vueData.cardCurrent===index?'#FF7752':''"
            class="h-full !rounded-8px flex-col flex items-center !p-20px">
            <template v-slot:title>
              <div class="flex-col flex items-center">
                <div class="w-50px h-50px mb-20px">
                  <v-img width="100%" aspect-ratio="1/1" cover :src="item.icon"></v-img>
                </div>
                <div class="text-28px font-bold mb-10px">{{ item.title }}</div>
              </div>
            </template>
            <template v-slot:text>
              <div class="text-26px text-center text-hex-EA6130 leading-32px">
                {{ item.detail }}
              </div>
            </template>
          </v-card>
        </div>
      </v-col>
    </v-row>
  </v-container>
  <v-parallax height="400px" src="@/assets/images/aboutUs/bg-2.png">
    <v-container class="flex items-center h-full">
      <div class="text-white tracking-2px font-light">
        <div class="text-36px mb-20px left-in-1">企业使命</div>
        <div class="text-26px mb-100px left-in-2">链接吃喝玩乐购，让商家更赚钱，让消费者更省钱</div>
        <div class="text-36px mb-20px left-in-1">企业愿景</div>
        <div class="text-26px left-in-2">让“客商企共赢模式”泽盈中国，促进共同富裕</div>
      </div>
    </v-container>
  </v-parallax>
  <v-container class="!pt-100px !pb-70px">
    <div class="pt-46px mb-80px text-center tracking-3px">
      <div class="text-36px bottom-fade-in-1">企业荣誉</div>
    </div>
    <v-img src="@/assets/images/aboutUs/honor.png" class="btn-scale" height="380"></v-img>
  </v-container>
</div>
</template>

<style scoped>

</style>
